function main() {
    // ol.album-list: 找到 class 属性是 album-list 的 ol 标签
    var olElement = document.querySelector("body")

    header()


    function onResult(result) {
        var MyjobList = result.data
        // 遍历专辑列表
        for (var job of MyjobList) {
            // 针对每个专辑创建 html
            // var html = "<li>" + album.name + "</li>";
            // JS 中的模板字符串，使用反引号(键盘上波浪线的按键) `
            var html = `<table width="1004" border="0" align="center" cellpadding="0" cellspacing="10" bgcolor="#FFFFFF">
    <tr>
        <td align="center" valign="top">
            <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#F5F5F5" class="bg_qc">

            </table>
            <table height="30" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td></td>
                </tr>
            </table>
            <form action="" method="post" >
                <table width="56%" border="0" cellpadding="5" cellspacing="1" bgcolor="#E0EDB7">
                    <tr>
                        <td height="30" colspan="2" align="center" background="themes/nzblue/images/nzcms/list_bg.gif" class="white14B">个人信息</td>
                    </tr>
                    <tr>
                        <td width="80" height="50" align="right" bgcolor="#FFFFFF">用户姓名/公司名：</td>
                        <td bgcolor="#FFFFFF" id="1">${job.pusername }</td>
                    </tr>
                    <tr>
                        <td height="50" align="right" bgcolor="#FFFFFF">手机号：</td>
                        <td bgcolor="#FFFFFF" id="2">${job.phone }</td>
                    </tr>

                    <tr>
                        <td height="50" align="right" bgcolor="#FFFFFF">邮箱：</td>
                        <td bgcolor="#FFFFFF" id="3">${job.email }</td>
                    </tr>
                    <tr>
                        <td bgcolor="#FFFFFF" colspan="2" align="center"><a href="/xiugaimima.html"
                                       >修改密码</a>
                            
                    </tr>
                </table>
            </form>
            <table height="50" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td></td>
                </tr>
            </table>
        </td>
    </tr>
</table>`

            olElement.innerHTML = html
        }
    }

    // 先从 url 中的 query string 部分，获取 keyword 参数

    var url = "/api/geren.json"

    ajax("get", url, onResult)
}

// window 的 load 事件发生时，执行 main 方法
// 浏览器把所有的资源都加载到位时，window 的 load 事件就会发生
// 白话：当浏览器把所有的资源都加载到位时，再去执行我们的 main 函数
window.addEventListener("load", main)